<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PocketMine服务器管理器</title>
    <!-- PMS Design -->
    <link rel="stylesheet" href="css/psm.css">
    <link rel="stylesheet" href="css/serverInfos.css">
    <link rel="stylesheet" href="css/icon.css">
    <link rel="stylesheet" href="css/roboto.css">
    <link rel="stylesheet" href="css/tabs.css">
    <link rel="stylesheet" href="css/plugins.css">
    <link rel="stylesheet" href="css/formatingConsole.css">
    <!-- Material Design -->
    <link rel="stylesheet" href="../node_modules/material-components-web/dist/material-components-web.css">
</head>


<body class="mdc-typography">

    <nav id="tab-bar" class="mdc-tab-bar mdc-tab-bar--icons-with-text">
        <a class="mdc-tab mdc-tab--with-icon-and-text mdc-tab--active" data-go-tab="main">
            <i class="material-icons mdc-tab__icon" aria-hidden="true">build</i>
            <span class="mdc-tab__icon-text">管理</span>
        </a>
        <a class="mdc-tab mdc-tab--with-icon-and-text" data-go-tab="players">
            <i class="material-icons mdc-tab__icon" aria-hidden="true">people</i>
            <span class="mdc-tab__icon-text">玩家</span>
        </a>
        <a class="mdc-tab mdc-tab--with-icon-and-text" data-go-tab="levels">
            <i class="material-icons mdc-tab__icon" aria-hidden="true">public</i>
            <span class="mdc-tab__icon-text">世界</span>
        </a>
        <a class="mdc-tab mdc-tab--with-icon-and-text" data-go-tab="plugins">
            <i class="material-icons mdc-tab__icon" aria-hidden="true">settings</i>
            <span class="mdc-tab__icon-text">插件</span>
        </a>
        <span class="mdc-tab-bar__indicator"></span>
    </nav>



    <!-- Main contents -->
    <data-tab class="inline active" data-tab-id="main">
        <div class="half" style="display: inline;">
            <!-- Left Tab -->
            <div class="inline">
                <h1 class="mdc-typography--display2" style="align-self: stretch;"><i id="started?" class="material-icons">play_arrow</i>&nbsp;&nbsp;&nbsp;<span id="serverName">ServerName</span></h1>
            </div>
            <div style="display: inline-flex">
                <button class="mdc-button mdc-button--raised inline" id="startServer" data-mdc-auto-init="MDCRipple">
                    <i class="material-icons">play_arrow</i>&nbsp;启动
                </button>
                <button class="mdc-button mdc-button--raised inline" id="stopServer" data-mdc-auto-init="MDCRipple">
                    <i class="material-icons">stop</i>&nbsp;停止
                </button>
                <button class="mdc-button mdc-button--raised inline" id="clearLog" data-mdc-auto-init="MDCRipple">
                    <i class="material-icons">error_outline</i>&nbsp;清除日志
                </button>
            </div>
            <br>
            <br>
            <button class="mdc-button mdc-button--raised inline" id="EditServerPropertiesBtn" data-mdc-auto-init="MDCRipple">
                <i class="material-icons">build</i>&nbsp;编辑服务器properties
            </button>
            <button class="mdc-button mdc-button--raised inline" id="EditServerVersionBtn" data-mdc-auto-init="MDCRipple">
                <i class="material-icons">build</i>&nbsp;更改服务器版本
            </button>
            <br>
            <button class="mdc-button mdc-button--raised inline" id="openPocketMineYML" data-mdc-auto-init="MDCRipple">
                <i class="material-icons">build</i>&nbsp;编辑pocketmine.yml
            </button>
            <button class="mdc-button mdc-button--raised inline" id="openServerFolder" data-mdc-auto-init="MDCRipple">
                <i class="material-icons">folder</i>&nbsp;打开服务器文件夹
            </button>
        </div>
        <div class="half">
            <!-- Right tab -->
            <h1 class="mdc-typography--display1">控制台</h1>
            <div class="console">
                <p id="consoleContent" class="mdc-typography--body1"></p>
            </div>
            <div class="inline" id="commandHolder">
                <span class="material-icons">navigate_next</span>
                <input type="text" id="commandEnter" class="mdc-textfield__input inner" placeholder="Type a command...">
            </div>
        </div>
        <!-- Server properties dialog -->
        <aside id="editServerDialog" class="mdc-dialog" data-mdc-auto-init="MDCDialog" role="alertdialog" aria-labelledby="editServerTitle" aria-describedby="editServerBody">
            <div class="mdc-dialog__surface">
                <header class="mdc-dialog__header">
                    <h2 id="editServerTitle" class="mdc-dialog__header__title">
                        编辑服务器
                    </h2>
                </header>
                <section class="mdc-dialog__body mdc-dialog__body--scrollable" id="editServerBody">
                    <!-- Dialog content -->
                    <form id="editServerForm">
                        <!-- MOTD -->
                        <div class="mdc-textfield mdc-textfield--upgraded">
                            <input type="text" id="serverMOTD" class="mdc-textfield__input" />
                            <label class="mdc-textfield__label mdc-textfield__label--float-above" for="serverMOTD">MOTD</label>
                        </div>
                        <br>
                        <!-- Server port -->
                        <div class="inline">
                            <div class="mdc-textfield mdc-textfield--upgraded">
                                <input class="mdc-textfield__input" type="number" id="serverPort" aria-controls="restart-helptext" />
                                <label class="mdc-textfield__label mdc-textfield__label--float-above" for="serverPort">服务器端口</label>
                            </div>
                            <span id="restart-helptext" class="inline mdc-textfield-helptext noLineHeight" style="vertical-align: center; width: 100%;" aria-hidden="true" tabindex="1">
                            <br><i class="material-icons">autorenew</i><small>需要重启服务器</small>
                        </span>
                        </div>
                        <br>
                        <!-- Max players -->
                        <div class="inline">
                            <div class="mdc-textfield mdc-textfield--upgraded">
                                <input class="mdc-textfield__input" type="number" id="maxPlayers" aria-controls="restart-helptext" />
                                <label class="mdc-textfield__label mdc-textfield__label--float-above" for="maxPlayers">Max players</label>
                            </div>
                            <span id="restart-helptext" class="inline mdc-textfield-helptext noLineHeight" style="vertical-align: center; width: 100%;" aria-hidden="true" tabindex="1">
                            <br><i class="material-icons">autorenew</i><small>需要重启服务器</small>
                        </span>
                        </div>
                        <!-- Whitelist -->
                        <div class="mdc-switch">
                            <input type="checkbox" id="editServerWhitelist?" class="mdc-switch__native-control" />
                            <div class="mdc-switch__background">
                                <div class="mdc-switch__knob"></div>
                            </div>
                        </div>
                        <label for="editServerWhitelist?" class="mdc-switch-label">打开白名单</label>
                        <br><br>
                        <!-- View distance -->
                        <label for="editServerViewDistance" id="viewDistanceLabel">可视距离</label>
                        <div id="editServerViewDistance" class="mdc-slider mdc-slider--discrete mdc-slider--off" tabindex="0" role="slider" aria-valuemin="2" aria-valuemax="32" aria-valuenow="0" data-step="1" aria-labelledby="viewDistanceLabel">
                            <div class="mdc-slider__track-container">
                                <div class="mdc-slider__track"></div>
                            </div>
                            <div class="mdc-slider__thumb-container">
                                <div class="mdc-slider__pin">
                                    <span class="mdc-slider__pin-value-marker"></span>
                                </div>
                                <svg class="mdc-slider__thumb" width="21" height="21">
                                    <circle cx="10.5" cy="10.5" r="7.875"></circle>
                                </svg>
                                <div class="mdc-slider__focus-ring"></div>
                            </div>
                        </div>
                        <!-- Spawn protection -->
                        <label for="editServerSpawnProtection" id="spawnProtectionLabel">主城保护(半径)</label>
                        <div id="editServerSpawnProtection" class="mdc-slider mdc-slider--discrete mdc-slider--off" tabindex="0" role="slider" aria-valuemin="2" aria-valuemax="32" aria-valuenow="0" data-step="2" aria-labelledby="spawnProtectionLabel">
                            <div class="mdc-slider__track-container">
                                <div class="mdc-slider__track"></div>
                            </div>
                            <div class="mdc-slider__thumb-container">
                                <div class="mdc-slider__pin">
                                    <span class="mdc-slider__pin-value-marker"></span>
                                </div>
                                <svg class="mdc-slider__thumb" width="21" height="21">
                                    <circle cx="10.5" cy="10.5" r="7.875"></circle>
                                </svg>
                                <div class="mdc-slider__focus-ring"></div>
                            </div>
                        </div>
                        <!--Gamemode-->
                        <div class="mdc-select" role="listbox" tabindex="0" id="editServerGamemode">
                            <span class="mdc-select__selected-text" id="basedText">游戏模式</span>
                            <div class="mdc-simple-menu mdc-select__menu">
                                <ul class="mdc-list mdc-simple-menu__items" id="versionList">
                                    <li class="mdc-list-item" role="option" id="gamemode0">
                                        生存
                                    </li>
                                    <li class="mdc-list-item" role="option" id="gamemode1">
                                        创造
                                    </li>
                                    <li class="mdc-list-item" role="option" id="gamemode2">
                                        冒险
                                    </li>
                                    <li class="mdc-list-item" role="option" id="gamemode3">
                                        旁观者
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <br><br>
                        <!-- Force default gamemode -->
                        <div class="mdc-switch">
                            <input type="checkbox" id="editServerForceDefaultGamemode" class="mdc-switch__native-control" />
                            <div class="mdc-switch__background">
                                <div class="mdc-switch__knob"></div>
                            </div>
                        </div>
                        <label for="editServerForceDefaultGamemode" class="mdc-switch-label">强制锁定游戏模式</label>
                        <br>
                        <!--Difficulty-->
                        <div class="mdc-select" role="listbox" tabindex="0" id="editServerDifficulty">
                            <span class="mdc-select__selected-text" id="basedText">难度</span>
                            <div class="mdc-simple-menu mdc-select__menu">
                                <ul class="mdc-list mdc-simple-menu__items" id="versionList">
                                    <li class="mdc-list-item" role="option" id="difficulty0">
                                        和平
                                    </li>
                                    <li class="mdc-list-item" role="option" id="difficulty1">
                                        简易
                                    </li>
                                    <li class="mdc-list-item" role="option" id="difficulty2">
                                        正常
                                    </li>
                                    <li class="mdc-list-item" role="option" id="difficulty3">
                                        困难
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <br><br>
                        <!-- PVP -->
                        <div class="mdc-switch">
                            <input type="checkbox" id="editServerPVP" class="mdc-switch__native-control" />
                            <div class="mdc-switch__background">
                                <div class="mdc-switch__knob"></div>
                            </div>
                        </div>
                        <label for="editServerPVP" class="mdc-switch-label">玩家对战(PvP)</label>
                        <br><br>
                        <!-- hardcore mode -->
                        <div class="mdc-switch">
                            <input type="checkbox" id="editServerHardcore" class="mdc-switch__native-control" />
                            <div class="mdc-switch__background">
                                <div class="mdc-switch__knob"></div>
                            </div>
                        </div>
                        <label for="editServerHardcore" class="mdc-switch-label">开启hardcore模式.</label>
                        <br><br>
                        <!-- Animals spawning -->
                        <div class="mdc-switch">
                            <input type="checkbox" id="editServerAnimals?" class="mdc-switch__native-control" />
                            <div class="mdc-switch__background">
                                <div class="mdc-switch__knob"></div>
                            </div>
                        </div>
                        <label for="editServerAnimals?" class="mdc-switch-label">开启动物生成</label>
                        <br><br>
                        <!-- Mobs spawning -->
                        <div class="mdc-switch">
                            <input type="checkbox" id="editServerMonters?" class="mdc-switch__native-control" />
                            <div class="mdc-switch__background">
                                <div class="mdc-switch__knob"></div>
                            </div>
                        </div>
                        <label for="editServerMonters?" class="mdc-switch-label">开启怪物生成</label>
                        <br><br>
                        <!-- Auto world save -->
                        <div class="mdc-switch">
                            <input type="checkbox" id="editServerAutoSave" class="mdc-switch__native-control" />
                            <div class="mdc-switch__background">
                                <div class="mdc-switch__knob"></div>
                            </div>
                        </div>
                        <label for="editServerAutoSave" class="mdc-switch-label">自动保存世界</label>
                        <br><br>
                    </form>
                </section>
                <footer class="mdc-dialog__footer">
                    <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel" data-mdc-auto-init="MDCRipple">取消</button>
                    <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--accept" data-mdc-auto-init="MDCRipple">保存更改</button>
                </footer>
            </div>
            <div class="mdc-dialog__backdrop"></div>
        </aside>
        <!-- Server version changing dialog -->
        <aside id="editServerVersionDialog" class="mdc-dialog" data-mdc-auto-init="MDCDialog" role="alertdialog" aria-labelledby="editServerVersionTitle" aria-describedby="editServerVersionBody">
            <div class="mdc-dialog__surface">
                <header class="mdc-dialog__header">
                    <h2 id="editServerVersionTitle" class="mdc-dialog__header__title">
                        Edit Server Version
                    </h2>
                </header>
                <section class="mdc-dialog__body mdc-dialog__body--scrollable" id="editServerVersionBody">
                    <!--Version-->
                    <div class="mdc-select" role="listbox" tabindex="0" id="editServerVersionSelect">
                        <span class="mdc-select__selected-text" id="editServerVersionDefaultText">支持MCPE版本</span>
                        <div class="mdc-simple-menu mdc-select__menu">
                            <ul class="mdc-list mdc-simple-menu__items" id="editServerVersionList">
                            </ul>
                        </div>
                    </div>
                </section>
                <footer class="mdc-dialog__footer">
                    <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel" data-mdc-auto-init="MDCRipple">Close</button>
                    <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--accept" data-mdc-auto-init="MDCRipple" id="editServerVersionConfirm">Save changes</button>
                </footer>
            </div>
        </aside>
        <!-- Left click element -->
        <div class="mdc-simple-menu mdc-simple-menu--open-from-top-right leftClick" tabindex="-1" data-mdc-auto-init="MDCSimpleMenu">
            <ul class="mdc-simple-menu__items mdc-list" role="menu" aria-hidden="true">
                <li class="mdc-list-item" role="menuitem" tabindex="0" id="startServerLC">运行</li>
                <li class="mdc-list-item" role="menuitem" tabindex="0" id="stopServerLC">停止</li>
                <li class="mdc-list-item" role="menuitem" tabindex="0" id="editServerLC">编辑服务器proverties</li>
                <li class="mdc-list-item goToPlayers" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">people</i>去玩家选项卡</li>
                <li class="mdc-list-item goToWorlds" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">public</i>去世界选项卡</li>
                <li class="mdc-list-item goToPlugins" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">settings</i>去插件选项卡</li>
                <li class="mdc-list-item" role="menuitem" tabindex="0" onclick="require('./js/main.js').exit();">退出PocketMine服务器管理器</li>
            </ul>
        </div>
    </data-tab>




    <!-- Online players (get data) -->
    <data-tab data-tab-id="players">
        <ul class="mdc-list mdc-list--two-line" id="managePlayersList"></ul>
        <p id="noPlayer" style="padding-left: 10px;">目前没有任何玩家连接到您的服务器。</p>
        <!-- whitelist -->
        <aside id="editWhitelist" class="mdc-dialog" data-mdc-auto-init="MDCDialog" role="alertdialog" aria-labelledby="editWhitelistTitle" aria-describedby="editWhitelistBody">
            <div class="mdc-dialog__surface">
                <header class="mdc-dialog__header">
                    <h2 id="editWhitelistTitle" class="mdc-dialog__header__title">
                        编辑白名单
                    </h2>
                </header>
                <section class="mdc-dialog__body mdc-dialog__body--scrollable" id="editWhitelistBody">
                    <!-- Dialog content -->
                    <ul class="mdc-list mdc-list--two-line" id="whiteListPlayers"></ul>
                </section>
                <footer class="mdc-dialog__footer">
                    <button type="button" class="mdc-button mdc-dialog__footer__button material-icons" data-mdc-auto-init="MDCRipple" id="addPlayerToWLBtn"><i class="material-icons">add</i>添加</button>
                    <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel" data-mdc-auto-init="MDCRipple">Close</button>
                </footer>
            </div>
            <div class="mdc-dialog__backdrop"></div>
        </aside>
        <!-- Left click element -->
        <div class="mdc-simple-menu mdc-simple-menu--open-from-top-right leftClick" tabindex="-1" data-mdc-auto-init="MDCSimpleMenu">
            <ul class="mdc-simple-menu__items mdc-list" role="menu" aria-hidden="true">
                <li class="mdc-list-item" role="menuitem" tabindex="0" id="editWhitelistLC">编辑白名单</li>
                <li class="mdc-list-item goToManage" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">build</i>去管理选项卡</li>
                <li class="mdc-list-item goToWorlds" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">public</i>去世界选项卡</li>
                <li class="mdc-list-item goToPlugins" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">settings</i>去插件选项卡</li>
                <li class="mdc-list-item" role="menuitem" tabindex="0" onclick="require('./js/main.js').exit();">推出PocketMine服务器管理器</li>
            </ul>
        </div>
        <div class="mdc-simple-menu mdc-simple-menu--open-from-top-left" style="position: absolute" id="menuActionsPlayer" tabindex="-1">
            <ul class="mdc-simple-menu__items mdc-list" role="menu" id="menuActionsPlayerList" role="menu" aria-hidden="true">
            </ul>
        </div>
        <!-- Add button -->
        <button class="mdc-fab mdc-ripple-upgraded material-icons mdc-toolbar__icon mdc-theme--accent-bg mdc-ripple-surface mdc-elevation--z2 footerFab" id="EditWhitelistBtn" data-mdc-auto-init="MDCRipple">
        	<span class="mdc-fab__icon">people_outline</span>
        </button>
    </data-tab>






    <!-- Worlds -->
    <data-tab data-tab-id="levels">
        <ul class="mdc-list mdc-list--two-line" id="manageLevelsList"></ul>
        <p id="noLevels" style="padding-left: 10px;">Something went wrong. No level are either loaded or exists...</p>

        <!-- Left click element -->
        <div class="mdc-simple-menu mdc-simple-menu--open-from-top-right leftClick" tabindex="-1" data-mdc-auto-init="MDCSimpleMenu">
            <ul class="mdc-simple-menu__items mdc-list" role="menu" aria-hidden="true">
                <li class="mdc-list-item" role="menuitem" tabindex="0" id="addLevelLC">Add world</li>
                <li class="mdc-list-item goToManage" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">build</i>Go to management tab</li>
                <li class="mdc-list-item goToPlayers" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">people</i>Go to players tab</li>
                <li class="mdc-list-item goToWorlds" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">settings</i>Go to plugins tab</li>
                <li class="mdc-list-item" role="menuitem" tabindex="0" onclick="require('./js/main.js').exit();">Exit PocketMine Server Manager</li>
            </ul>
        </div>
        <!-- menu actions -->
        <div class="mdc-simple-menu mdc-simple-menu--open-from-top-left" style="position: absolute" id="menuActionsLevel" tabindex="-1">
            <ul class="mdc-simple-menu__items mdc-list" id="menuActionsLevelList" role="menu" aria-hidden="true">
            </ul>
        </div>
        <!-- Add button -->
        <button class="mdc-fab mdc-ripple-upgraded material-icons mdc-toolbar__icon mdc-theme--accent-bg mdc-ripple-surface mdc-elevation--z2 footerFab" id="addLevelBtn" data-mdc-auto-init="MDCRipple">
        	<span class="mdc-fab__icon">add</span>
        </button>
        <!-- Add level dialog -->
        <aside id="levelAddDialog" class="mdc-dialog" data-mdc-auto-init="MDCDialog" role="alertdialog" aria-labelledby="levelAddDialogTitle" aria-describedby="levelAddDialogBody">
            <div class="mdc-dialog__surface">
                <header class="mdc-dialog__header">
                    <h2 id="levelAddDialogTitle" class="mdc-dialog__header__title">
                        Add world
                    </h2>
                </header>
                <section class="mdc-dialog__body mdc-dialog__body--scrollable" id="levelAddDialogBody">
                    <!--Level-->
                    <div class="mdc-select" role="listbox" tabindex="0" id="levelAddGeneratorSelect">
                        <span class="mdc-select__selected-text" id="levelAddGeneratorDefaultText">Normal</span>
                        <div class="mdc-simple-menu mdc-select__menu" id="levelAddGeneratorMenu">
                            <ul class="mdc-list mdc-simple-menu__items" id="levelAddGeneratorList">
                            </ul>
                        </div>
                    </div>
                    <br>
                    <!-- Name -->
                    <div class="mdc-textfield mdc-textfield--upgraded">
                        <input type="text" id="levelAddName" class="mdc-textfield__input" pattern="^[\w\-\._]+$" />
                        <label class="mdc-textfield__label" for="levelAddName">Name</label>
                    </div>
                    <br>
                    <!-- Seed -->
                    <div class="mdc-textfield mdc-textfield--upgraded">
                        <input type="text" id="levelAddSeed" class="mdc-textfield__input" pattern="^[\w\-\._]+$" />
                        <label class="mdc-textfield__label mdc-textfield__label--float-above" for="levelAddSeed">Seed</label>
                    </div>
                </section>
                <footer class="mdc-dialog__footer">
                    <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel" data-mdc-auto-init="MDCRipple">Close</button>
                    <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--accept" data-mdc-auto-init="MDCRipple" id="levelAddConfirm">Add level</button>
                </footer>
            </div>
            <div class="mdc-dialog__backdrop"></div>
        </aside>
    </data-tab>




    <!-- Plugins -->
    <data-tab data-tab-id="plugins">
        <ul class="mdc-list mdc-list--two-line" id="managePluginsList"></ul>
        <p id="noPlugins" style="padding-left: 10px;">No plugins loaded or installed.</p>
        <!-- Left click element -->
        <div class="mdc-simple-menu mdc-simple-menu--open-from-top-right leftClick" tabindex="-1" data-mdc-auto-init="MDCSimpleMenu">
            <ul class="mdc-simple-menu__items mdc-list" role="menu" aria-hidden="true">
                <li class="mdc-list-item" role="menuitem" tabindex="0" id="addPluginLC">Add plugin</li>
                <li class="mdc-list-item goToManage" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">build</i>Go to management tab</li>
                <li class="mdc-list-item goToPlayers" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">people</i>Go to players tab</li>
                <li class="mdc-list-item goToWorlds" role="menuitem" tabindex="0"><i class="material-icons" aria-hidden="true">public</i>Go to worlds tab</li>
                <li class="mdc-list-item" role="menuitem" tabindex="0" onclick="require('./js/main.js').exit();">Exit PocketMine Server Manager</li>
            </ul>
        </div>
        <div class="mdc-simple-menu mdc-simple-menu--open-from-top-left" style="position: absolute" id="menuActionsPlugin" tabindex="-1">
            <ul class="mdc-simple-menu__items mdc-list" id="menuActionsPluginList" role="menu" aria-hidden="true">
            </ul>
        </div>
        <!-- Add button -->
        <button class="mdc-fab mdc-ripple-upgraded material-icons mdc-toolbar__icon mdc-theme--accent-bg mdc-ripple-surface mdc-elevation--z2 footerFab" id="addPluginBtn" data-mdc-auto-init="MDCRipple">
        	<span class="mdc-fab__icon">add</span>
        </button>
        <!-- Add plugin dialog -->
        <aside id="pluginAddDialog" class="mdc-dialog" data-mdc-auto-init="MDCDialog" role="alertdialog" aria-labelledby="pluginAddDialogTitle" aria-describedby="pluginAddDialogBody1">
            <div class="mdc-dialog__surface" id="pluginAddSurface">
                <header class="mdc-dialog__header">
                    <h2 id="pluginAddDialogTitle" class="mdc-dialog__header__title">
                        Add plugin - Choose plugin provider
                    </h2>
                </header>
                <section class="mdc-dialog__body mdc-dialog__body--scrollable" id="pluginAddDialogBody1">
                    <!-- Dialog content -->
                    <span id="pluginAddDialogBody">
                    </span>
                    <div class="mdc-card mdc-elevation--z12" id="pluginInfos">
                        <section class="mdc-card__primary">
                            <input type="hidden" id="pluginInfosDownloadURL">
                            <input type="hidden" id="pluginInfosLicenseContents">
                            <div class="left">
                                <h1 class="mdc-card__title mdc-card__title--large" id="pluginInfosName"></h1>
                                <h2 class="mdc-card__subtitle" id="pluginInfosDesc"></h2>
                            </div>
                            <div class="right">
                                <h1 class="mdc-card__title mdc-card__title--large" id="pluginInfosAuthor"></h1>
                                <h2 class="mdc-card__subtitle" id="pluginInfosLicense"></h2>
                            </div>
                        </section>
                        <section class="mdc-card__supporting-text" id="pluginInfosReadMe">
                        </section>
                        <section class="mdc-card__actions">
                            <button class="mdc-button mdc-button--compact mdc-card__action inline" id="pluginInfosDownload">Download<i class="material-icons">file_download</i></button>
                            <button class="mdc-button mdc-button--compact mdc-card__action inline" id="pluginInfosClose">Close<i class="material-icons">close</i></button>
                        </section>
                    </div>
                </section>
                <footer class="mdc-dialog__footer">
                    <button type="button" class="mdc-button mdc-dialog__footer__button mdc-dialog__footer__button--cancel" data-mdc-auto-init="MDCRipple">Close</button>
                </footer>
            </div>
            <div class="mdc-dialog__backdrop"></div>
        </aside>
    </data-tab>




</body>
<script src="../node_modules/material-components-web/dist/material-components-web.js"></script>
<script>
    mdc.autoInit();
    window.pluginProviders = {};
</script>
<script src="js/serverInfos/serverInfos.js"></script>
<script src="js/serverInfos/editServerProperties.js"></script>
<script src="js/serverInfos/whitelist.js"></script>
<script src="js/serverInfos/managePlayers.js"></script>
<script src="js/serverInfos/manageLevels.js"></script>
<script src="js/serverInfos/managePlugins.js"></script>
<script src="js/pluginsProvider/pluginProvider.js"></script>
<script src="js/pluginsProvider/poggit.js"></script>
<script src="js/pluginsProvider/github.js"></script>
<script src="js/serverInfos/tabs.js"></script>

</html>